@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.chartbox {
  margin-bottom: $gutter;
  background: #fff;
  .header {
    margin-left: $pagePadding;
    padding: 0.12rem $pagePadding 0.12rem 0;
    .city {
      margin-bottom: 0.08rem;
      font-size: 0.18rem;
      font-weight: 700;
    }
    .time {
      font-size: 0.12rem;
      color: $font3;
    }
  }
  .datas {
    display: flex;
    align-items: center;
    padding: $pagePadding;
    .item {
      .label {
        margin-bottom: 0.08rem;
        font-size: 0.12rem;
        color: $font3;
      }
      .value {
        font-weight: 700;
      }
    }
    .item-price {
      .value {
        font-size: 0.18rem;
      }
    }
    .item-center {
      margin: 0 0.56rem;
    }
  }
  .chart {
    height: 2rem;
  }
}
.listbox {
  margin-bottom: $gutter;
  background: #fff;
  .title {
    padding: 0.24rem $pagePadding 0.08rem;
    font-size: 0.18rem;
  }
  .list {
    .item {
      display: flex;
      align-items: center;
      margin-left: $pagePadding;
      padding: $pagePadding 0.08rem $pagePadding 0;
      .namebox {
        display: flex;
        align-items: center;
        flex: 1;
        .index {
          margin-right: 0.12rem;
          width: 0.24rem;
          height: 0.16rem;
          line-height: 0.16rem;
          font-weight: 700;
          border-radius: 0.02rem;
          text-align: center;
        }
        .index1 {
          font-size: 0.12rem;
          color: #fff;
          background: #e54b00;
        }
        .index2 {
          font-size: 0.12rem;
          color: #fff;
          background: #ff8300;
        }
        .index3 {
          font-size: 0.12rem;
          color: #fff;
          background: #ffb766;
        }
        .name {
          @include ellipsis(1.5rem);
        }
      }
      .price {
        width: 0.96rem;
        font-size: 0.13rem;
      }
      .precent {
        display: flex;
        align-items: center;
        width: 0.54rem;
        font-size: 0.13rem;
      }
    }
  }
  .more {
    padding: $pagePadding 0;
    color: $font3;
    text-align: center;
    font-size: 0.12rem;
    .icon {
      font-size: 0.12rem;
    }
  }
}
.region {
  .list {
    .item {
      .namebox {
        .index {
          @include radius(0.24rem);
        }
      }
    }
  }
}
.empty {
  position: relative;
  background: #fff;
  height: calc(100vh - #{$navbarHeight});
}
